import React from "react";
import { ProductCard, SubmitBar, Checkbox } from "react-vant";
import "./App.scss";
function App() {
  const submit = () => {
    alert("提交成功");
  };
  return (
    <div>
      <div>
        <ProductCard
          num="2"
          price="2.00"
          desc="描述信息"
          title="商品名称"
          thumb="https://img.yzcdn.cn/vant/ipad.jpeg"
        />
        <ProductCard
          num="2"
          price="2.00"
          desc="描述信息"
          title="商品名称"
          thumb="https://img.yzcdn.cn/vant/ipad.jpeg"
        />
        <ProductCard
          num="2"
          price="2.00"
          desc="描述信息"
          title="商品名称"
          thumb="https://img.yzcdn.cn/vant/ipad.jpeg"
        />
        <ProductCard
          num="2"
          price="2.00"
          desc="描述信息"
          title="商品名称"
          thumb="https://img.yzcdn.cn/vant/ipad.jpeg"
        />
        <ProductCard
          num="2"
          price="2.00"
          desc="描述信息"
          title="商品名称"
          thumb="https://img.yzcdn.cn/vant/ipad.jpeg"
        />
      </div>
      <div className="demo-submit-bar">
        <SubmitBar price={3050 * 100} buttonText="提交订单" onSubmit={submit}>
          <Checkbox>全选</Checkbox>
        </SubmitBar>
      </div>
    </div>
  );
}

export default App;
